<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		
		<title>Foca na dieta - <ui:insert name="titulo"/></title>
		
		<!-- JavaScript -->
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery/jquery-1.7.2.js" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery/jquery.js" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/modal/jquery.reveal.js"></script>
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/bootstrap/aplication.js" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/bootstrap/bootstrap.js" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/bootstrap/bootstrap.min.js" />
		<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/bootstrap/bootstrap-dropdown.js" />
		
		<!-- css -->
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/estilo.css" />
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/bootstrap/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/bootstrap/bootstrap-responsive.css" />
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/bootstrap/docs.css" />
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/modal/reveal.css"/>
		
		<style type="text/css">
			
			 body {
	        	  padding-top: 8px;
		          padding-bottom: 10px;
		          margin: 0;
				  font-family: Verdana, Arial, sans-serif;
				  font-size: 14px;
				  line-height: 20px;
				  color: #333333;
				  background-color: #ffffff;
	        }
	       
	        .sombra{
	        	-moz-box-shadow: 0 0 9px #000000;
				-webkit-box-shadow: 0 0 9px #000000;
		        box-shadow: 0 0 9px #000000;
	        }
	        
	        .navbar { 
	        	background: #FFFFFF;
	        	border-bottom: 10px; 
	        	width: 1000px"; 
	        	}
	        	
	        .borda{
	        	padding: 28px;
	        	padding-bottom: 35px;
	        }
	        
			
			.ui-growl {
	            top: 45%;  
  				right: 25% 
	        }	
       		.alinhamento{text-align: center;}
			   
		</style>
	</h:head>
	
	<h:body>
  		
  		<!-- topo -->
  		<div class="container ">
			<div class="row-fluid ">
				
				<div class="span6">
					<table width="400" >
						<tr>
							
							<!-- Logo -->
							<td>
								<div align="left">
			        				<a href="#{facesContext.externalContext.requestContextPath}/paginas/site/inicial.faces" style="padding-top: 4px;">
			        					<img src="#{facesContext.externalContext.requestContextPath}/img/logo/logoFoca.jpg" align="left"/></a>
			       				</div>
			       			</td>
			       			
			       			<!-- Redes sociais -->
							<td>
								<h6 align="right" style="padding-right: 3px;">Siga-nos nas redes sociais</h6>
								<div align="right">
									<a href="http://www.facebook.com/pages/Beleza-Solid%C3%A1ria/438745092828377" target="_blank">
										<img src="#{facesContext.externalContext.requestContextPath}/img/redesocial/iconeFacebook.png" /></a>
									<a href="http://www.twitter.com/focanadieta" target="_blank">
										<img src="#{facesContext.externalContext.requestContextPath}/img/redesocial/iconeTwitter.png" /></a>
									<a href="http://www.instagram.com/belezasolidaria" target="_blank">
									<img src="#{facesContext.externalContext.requestContextPath}/img/redesocial/iconeInstagram.png" /></a>
								</div>
							</td>
						</tr>			        	
			       	</table>  	 
				</div>
				
				<!-- Menu -->
				<div class="span6" align="right">
			    	
			    	<h:form style="padding: 10px;">
				    
					    <h:commandButton 
					    	action="#{manterSiteBean.abrirHome}" 
					    	value="Home" 
					    	styleClass="btn btn-danger borda sombra">
				    	</h:commandButton>
				    	
					    <h:commandButton 
					    	action="#{manterSiteBean.abrirCadastro}" 
				    		value="Cadastro" 
				    		styleClass="btn btn-danger borda sombra">
			    		</h:commandButton>
					    
					    <h:commandButton 
					    	action="#{manterSiteBean.abrirPortifolio}" 
					    	value="Portifólio" 
					    	styleClass="btn btn-danger borda sombra">
				    	</h:commandButton>
				    	
			    	</h:form>
				</div>
			</div>
		</div>
		
		<!-- corpo da página -->
		<div class="container">
				<ui:insert name="corpo">
					<h2>Corpo da página não encontrada</h2>
				</ui:insert>
		</div>
		
		<div align="center" style="position: relative;"> <hr width="1170px" align="center" style=" height: 01px;" class="btn-danger sombra ui-corner-all"/></div><br/>
		
		<!-- Rodapé -->
		<div class="footer container" id="rodape">
			<div class="container-fluid">
				<div class="row-fluid">
				
					<div class="span3" align="left" >
					    <address>
						    <strong>Contatos</strong><br/>
						    <abbr>Tatiana:</abbr> (62) 8203-4125<br/>
						    <abbr>Ludmylla:</abbr> (62) 8199-4390<br/>
						    <abbr>Thauana:</abbr> (62) 8529-5100
					    </address>
					     
					    <address>
						    <strong>Caixa de email</strong><br/>
						    <a href="mailto:contato@focanadieta.net.br">contato@focanadieta.net.br</a><br/>
						    <a href="mailto:financeiro@focanadieta.net.br">financeiro@focanadieta.net.br</a><br/>
						    <a href="mailto:diretoria@focanadieta.net.br">diretoria@focanadieta.net.br</a><br/>
					    </address>
					</div>
				
					<div class="span3" align="left" >
					    <strong>Redes sociais</strong><br/>
					    <a 	
					    	href="http://www.facebook.com/pages/Beleza-Solid%C3%A1ria/438745092828377" target="_blank"> Facebook
						</a>
						<br/>
						<a 	
					    	href="http://www.twitter.com/focanadieta" target="_blank"> Twitter
						</a>
						<br/>
						<a 	
					    	href="http://www.instagram.com/belezasolidaria" target="_blank"> Instagram
						</a>
					</div>
					
					<div class="span3" align="left" >
					    <strong>Links</strong><br/>
					    <a 	
					    	href="#{facesContext.externalContext.requestContextPath}/paginas/site/consultarparticipante.faces"> Participantes
						</a>
						<br/>
						<a 	
					    	href="http://www.webmail.focanadieta.net.br" target="_blank"> Webmail
						</a>
						<br/>
						<a 	
					    	href="#{facesContext.externalContext.requestContextPath}/paginas/site/portifolio.faces"> Portifólio
						</a>
						<br/>
						<a 	
					    	href="#{facesContext.externalContext.requestContextPath}/paginas/site/cadastro.faces"> Cadastro
						</a>
						<br/>
						<a 	
					    	href="#{facesContext.externalContext.requestContextPath}/paginas/site/eventos.faces"> Eventos
						</a>
						<br/>
						<a 	
					    	href="#{facesContext.externalContext.requestContextPath}/paginas/site/parceiros.faces"> Parceiros
						</a>
					</div>
					
					<div class="span3" align="left" >
					    <strong>Apoio</strong><br/><br/>
				    	<a href="http://www.canndu.com.br" target="_blank"><img src="#{facesContext.externalContext.requestContextPath}/img/logo/logoHugo.jpg" /></a>
					</div>
					
				</div>
			</div>
		</div>
		
		<div style="position: relative;" align="right" class="container">
			<div style="width: 260px; font-weight: bold; font-size: 15px;" >Desenvolvido por <a href="#" data-reveal-id="modalDesenvolvedor" style="font-weight: bold; font-size: 15px;">Waltenes Jr.</a></div>
		</div> 
	 
		<div id="modalDesenvolvedor" class="reveal-modal">
			 <h2>Waltenes jr.</h2>
			 <address>
			    <strong>Desenvolvedor java web</strong><br/><br/>
			    <strong>Email</strong><br/>
			   	 	waltenesjr@live.com<br/>
			    	wjr.ans@gmail.com<br/><br/>
			    <strong>Telefone</strong><br/>
			    	(62) 8236-3343
		     </address>
		     
		     <strong>Redes sociais</strong><br/>
		    
		     <div align="left">
				<a href="http://www.facebook.com/waltenesjr" target="_blank">
					<img src="#{facesContext.externalContext.requestContextPath}/img/redesocial/iconeFacebook.png" /></a>
				<a href="http://www.twitter.com/waltenesjr" target="_blank">
					<img src="#{facesContext.externalContext.requestContextPath}/img/redesocial/iconeTwitter.png" /></a>
			 </div>
			 <a class="close-reveal-modal">&#215;</a>
		</div>
		
		<!-- adiciona mensagem -->
		<p:growl 
			id="msgSistema" 
			infoIcon="/img/accept.png" 
			showDetail="false" 
			life="7000">
		</p:growl>
		
	</h:body>
</html>